<?xml version="1.0" encoding="utf-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
  <head>
	<title>Font Size Test 001</title>
	<style type="text/css"> 
	  div, p { margin: 0; }
	  hr { margin: 1em 0; }
	  .smaller { font-size: smaller; }
	  .larger { font-size: larger; }
	</style>
  </head>
  <body>
	<h1>Font Size Test 001</h1>
	<h2>Relative font sizing</h2>
	<hr/>
	<h3>Each numbered row should be smaller than the previous row.</h3>
	<div style='font-size: xx-large;'>Start off with font-size: xx-large
	  <div class='smaller'> 1. smaller text
		<div class='smaller'> 2. smaller text
		  <div class='smaller'> 3. smaller text
			<div class='smaller'> 4. smaller text
			  <div class='smaller'> 5. smaller text 
				<div class='smaller'> 6. smaller text 
				</div>
			  </div>
			</div>
		  </div>
		</div>
	  </div>
	</div>

	<hr/>
	<h3>Each numbered row should be larger than the previous row.</h3>
	<div style='font-size: xx-small;'>Start off with font-size: xx-small
	  <div class='larger'> 1. larger text
		<div class='larger'> 2. larger text
		  <div class='larger'> 3. larger text
			<div class='larger'> 4. larger text
			  <div class='larger'> 5. larger text
				<div class='larger'> 6. larger text
				</div>
			  </div>
			</div>
		  </div>
		</div>
	  </div>
	</div>

  </body>
</html>
